<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单多样性数据提交</title>
</head>

<body>
    <div style="width: 80%; margin: 100px auto;">
    <form action="/users/create" method="post">
        <!-- 用户信息 -->
        <p>用户名：<input type="text" name="u.username" /></p>
        <p>密码：<input type="password" name="u.password" /></p>
        
        <!-- 部门信息 -->
        <p>所属部门：<select name="d.id"><option value="D001">部门1</option><option value="D002">部门2</option><option value="D003">部门3</option></select></p>
        <p>部门领导：<input type="text" name="dpt.leader" /></p>
        
        <!-- 角色信息 -->
        <p>拥有的角色：</p>
        <p>
            <label><input type="checkbox" name="r.id" value="R001">角色1</label>
            <label><input type="checkbox" name="r.id" value="R003">角色2</label>
            <label><input type="checkbox" name="r.id" value="R003">角色3</label>
        </p>
        <p>
            <button type="submit">提交</button>
        </p>
    </form>    

    </div>
</body>
</html>